<template>
    <div class="navs">
        <div>输入搜索：
            <el-input v-model="tal" placeholder="Please input"/>
        </div>
        <div>收货人：
            <el-input v-model="name" placeholder="Please input" />
        </div>
        <div>时间：
            <el-date-picker v-model="value" type="daterange" unlink-panels range-separator="To"
                start-placeholder="Start date" end-placeholder="End date" :size="size"/>
        </div>
    </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
const tal = ref<string>('')
const name = ref<string>('')
const size = ref<'' | 'large' | 'small'>('')

const value = ref('')

</script>
<style lang="scss">
.navs {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.navs div {
    width: 30%;
}
</style>